﻿<?php /* Template Name: Portfolio 
*/
?>
<?php
    get_header();
?>
 <div id="content" class="container clearfix">

        <h1 class="page-title-inner"><span class="section-title">Проекти</span> Създавам <span class="accent">уеб сайтове </span>с идентичност</h1>

        <!-- Project Feed Filter -->
         <ul class="project-feed-filter">
            <li><a href="" class="current" data-filter="*">All</a></li>
            <li><a href="" data-filter=".animation">Web Design</a></li>
            <li><a href="" data-filter=".motiongraphics">Wordpress</a></li>
            <li><a href="" data-filter=".artwork">Artwork</a></li>
            <li><a href="" data-filter=".printdesign">Print Design</a></li>
            <li><a href="" data-filter=".webdesign">Animation</a></li>
        </ul>
        <!-- /Project Feed Filter -->

        <!-- Project Feed -->
        <div class="project-feed clearfix">
            <div class="one-fourth project-item animation webdesign">
                <img src="<?php echo get_template_directory_uri(); ?>/images/content/project_4_01.jpg" alt="" />
                <div class="overlay">
                    <a href="<?php echo get_template_directory_uri(); ?>/images/content/project_4_01.jpg" class="lightbox-link folio" rel="gallery"></a>
                    <a href="portfolio_details.html"><h5>Presta shop countdown timer</h5></a>
                    <p>animation</p>
                </div>
            </div>
            <div class="one-fourth project-item animation motiongraphics">
                <img src="<?php echo get_template_directory_uri(); ?>/images/content/project_4_02.jpg" alt="" />
                <div class="overlay">
                    <a href="<?php echo get_template_directory_uri(); ?>/images/content/project_4_02.jpg" class="lightbox-link folio" rel="gallery"></a>
                    <a href="portfolio_details.html"><h5>Personal - blog</h5></a>
                    <p>Wordpress</p>
                </div>
            </div>
            
        <!--  <div class="one-fourth project-item motiongraphics">
                <img src="<?php echo get_template_directory_uri(); ?>/images/content/project_4_03.jpg" alt="" />
                <div class="overlay">
                    <a href="<?php echo get_template_directory_uri(); ?>/images/content/project_4_03.jpg" class="lightbox-link folio" rel="gallery"></a>
                    <a href="portfolio_details.html"><h5>Real-world workflow</h5></a>
                    <p>Artwork, Motion Graphics</p>
                </div>
            </div>
            <div class="one-fourth project-item artwork webdesign">
                <img src="<?php echo get_template_directory_uri(); ?>/images/content/project_4_04.jpg" alt="" />
                <div class="overlay">
                    <a href="<?php echo get_template_directory_uri(); ?>/images/content/project_4_04.jpg" class="lightbox-link folio" rel="gallery"></a>
                    <a href="portfolio_details.html"><h5>Completing the story</h5></a>
                    <p>Artwork, Web Design</p>
                </div>
            </div>
            <div class="one-fourth project-item animation webdesign">
                <img src="<?php echo get_template_directory_uri(); ?>/images/content/project_4_05.jpg" alt="" />
                <div class="overlay">
                    <a href="<?php echo get_template_directory_uri(); ?>/images/content/project_4_05.jpg" class="lightbox-link folio" rel="gallery"></a>
                    <a href="portfolio_details.html"><h5>Through the roads</h5></a>
                    <p>Animation, Web Design</p>
                </div>
            </div>
            <div class="one-fourth project-item artwork printdesign">
                <img src="<?php echo get_template_directory_uri(); ?>/images/content/project_4_06.jpg" alt="" />
                <div class="overlay">
                    <a href="<?php echo get_template_directory_uri(); ?>/images/content/project_4_06.jpg" class="lightbox-link folio" rel="gallery"></a>
                    <a href="portfolio_details.html"><h5>The past</h5></a>
                    <p>Artwork, Print Design</p>
                </div>
            </div>
            <div class="one-fourth project-item artwork printdesign webdesign">
                <img src="<?php echo get_template_directory_uri(); ?>/images/content/project_4_07.jpg" alt="" />
                <div class="overlay">
                    <a href="<?php echo get_template_directory_uri(); ?>/images/content/project_4_07.jpg" class="lightbox-link folio" rel="gallery"></a>
                    <a href="portfolio_details.html"><h5>Through time and space</h5></a>
                    <p>Artwork, Print Design, Web Design</p>
                </div>
            </div>
            <div class="one-fourth project-item motiongraphics webdesign">
                <img src="<?php echo get_template_directory_uri(); ?>/images/content/project_4_08.jpg" alt="" />
                <div class="overlay">
                    <a href="<?php echo get_template_directory_uri(); ?>/images/content/project_4_08.jpg" class="lightbox-link folio" rel="gallery"></a>
                    <a href="portfolio_details.html"><h5>Memories of a child</h5></a>
                    <p>Motion Graphics, Web Design</p>
                </div>
            </div>
            <div class="one-fourth project-item artwork webdesign">
                <img src="<?php echo get_template_directory_uri(); ?>/images/content/project_4_09.jpg" alt="" />
                <div class="overlay">
                    <a href="<?php echo get_template_directory_uri(); ?>/images/content/project_4_09.jpg" class="lightbox-link folio" rel="gallery"></a>
                    <a href="portfolio_details.html"><h5>The real life song</h5></a>
                    <p>Artwork, Web Design</p>
                </div>
            </div>
            <div class="one-fourth project-item printdesign webdesign">
                <img src="<?php echo get_template_directory_uri(); ?>/images/content/project_4_10.jpg" alt="" />
                <div class="overlay">
                    <a href="<?php echo get_template_directory_uri(); ?>/images/content/project_4_10.jpg" class="lightbox-link folio" rel="gallery"></a>
                    <a href="portfolio_details.html"><h5>Enhancing the moment</h5></a>
                    <p>Print Design, Web Design</p>
                </div>
            </div>
            <div class="one-fourth project-item motiongraphics">
                <img src="<?php echo get_template_directory_uri(); ?>/images/content/project_4_11.jpg" alt="" />
                <div class="overlay">
                    <a href="<?php echo get_template_directory_uri(); ?>/images/content/project_4_11.jpg" class="lightbox-link folio" rel="gallery"></a>
                    <a href="portfolio_details.html"><h5>Connecting pictures</h5></a>
                    <p>Motion Graphics</p>
                </div>
            </div>
            <div class="one-fourth project-item animation motiongraphics">
                <img src="<?php echo get_template_directory_uri(); ?>/images/content/project_4_12.jpg" alt="" />
                <div class="overlay">
                    <a href="<?php echo get_template_directory_uri(); ?>/images/content/project_4_12.jpg" class="lightbox-link folio" rel="gallery"></a>
                    <a href="portfolio_details.html"><h5>Real-world workflow</h5></a>
                    <p>Animation, Motion Graphics</p>
                </div>
            </div>-->
        </div>
        <!-- /Project Feed -->

    </div>

<?php
        get_footer();
?>